import React,{Component} from "react";
import "./Child03.css"
export default class Child03 extends Component{
  state = {
    price: 100,
    count: 1,
    amount: 0
  }
  getPriceEvt(evt){
    console.log(evt.target.value); // 不在下方绑定this，是拿不到的
    // this.state.price = evt.target.value; // 不推荐的写法；
    // 修改方法1：bind了this之后；
    
    // this.state.price = this.
  }
  getCountEvt = () => {
    console.log(this); // 箭头函数是没有arguments,没有自己的this（可以用父亲的）
  }
  render(){
    return(
      <>
        <div>你好3</div>
        单价： <button>+</button><input className="iptWidth" type="text" value={this.state.price} onChange={this.getPriceEvt}/><button>-</button><br/>
        数量：  <button>+</button><input className="iptWidth" type="text" value={this.state.count} onChange={this.getCountEvt}/><button>-</button><br/>
        总计：{this.state.amount}
      </>
    )
  }
}
/* 
1. evt中能拿到native事件；

*/